.fl {
  float: left;
}
.fr {
  float: right;
}
.clearfix {
  zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}

.clearfix:after {
  clear: both;
}
.btn {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  padding: 0 20px;
  border-radius: 4px;
  background: #2491fc;
  color: #fff;
  cursor: pointer;
}
input {
  height: 32px;
  line-height: 32px;
  width: 100%;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  padding: 0 10px;
  transform: translateY(-1px);
}
input:focus-visible {
  outline: none;
}
input[disabled] {
  border: none;
  background: none;
}
.ant-layout-content {
  background: #f0f2f5;
  margin: 0 !important;
  padding: 20px 20px;
  padding-top: 20px !important;
  .page-content {
    background: #fff;
    padding: 0 20px;
    padding-bottom: 40px;
    .page-title {
      font-size: 18px;
      padding: 30px 0;
      line-height: 20px;
      background: #fff;
    }
    .content-box {
      .company-state-line {
        padding: 0 0 10px 0;
        .icon {
          display: inline-block;
          height: 20px;
          line-height: 20px;
        }
        .tip {
          display: inline-block;
          height: 20px;
          line-height: 20px;
          margin-left: 30px;
        }
        .icon-auth-no {
          width: 56px;
          height: 20px;
          background: url("../icons/weirenzheng.svg") no-repeat center;
          background-size: 100%;
        }
        .icon-auth-ing {
          width: 56px;
          height: 20px;
          background: url("../icons/renzhengzhogn.svg") no-repeat center;
          background-size: 100%;
        }
        .icon-auth-fail {
          width: 70px;
          height: 20px;
          background: url("../icons/renzhengshib.svg") no-repeat center;
          background-size: 100%;
        }
        .icon-auth-fail + .tip {
          color: #f25730;
        }
        .icon-auth-end {
          width: 56px;
          height: 20px;
          background: url("../icons/yirenzheng.svg") no-repeat center;
          background-size: 100%;
        }
        .icon-auth-end + .tip {
          color: #e59422;
        }
      }
      .info {
        border-top: 1px solid #d9d9d9;
        .title {
          line-height: 18px;
          padding: 5px 10px;
          padding-top: 20px;
          font-size: 16px;
        }
        .info-detail {
          .info-item {
            line-height: 32px;
            padding: 14px 0;
            .front {
              width: 250px;
              text-align: right;
              margin-right: 15px;
              .dot {
                color: #f60;
              }
            }
            .word {
              width: 600px;
              text-align: justify;
              position: relative;
              textarea {
                width: 100%;
                height: 80px;
                overflow: hidden;
                resize: none;
                line-height: 20px;
                border-radius: 4px;
                transform: translateY(1px);
                word-break: break-all;
                border-color: #d9d9d9;
              }
              textarea[disabled] {
                border: none;
                background: none;
              }
              textarea:focus-visible {
                outline: none;
              }
              .ant-select {
                width: 600px;
              }
              img {
                max-height: 104px;
                max-width: 280px;
                float: left;
                margin-right: 15px;
              }
              .num {
                position: absolute;
                right: 10px;
                bottom: 5px;
              }
            }
          }
        }
      }
      .submit-btn {
        padding: 0 30px;
        margin-left: 265px;
        margin-top: 40px;
      }
      .search {
        .search-line {
          margin-top: 20px;
          .input-box {
            height: 32px;
            line-height: 32px;
            .name {
              width: 80px;
              text-align: right;
            }
            input {
              width: 260px;
            }
            .ant-select {
              width: 260px !important;
            }
          }
          .check-btn {
            margin-left: 100px;
            transform: translateY(-1px);
          }
        }
      }
      .tabel {
        margin-top: 30px;
        .handler-item {
          margin: 0 3px;
        }
        .state {
          display: inline-block;
        }
        .state::before {
          content: "";
          display: inline-block;
          width: 6px;
          height: 6px;
          border-radius: 100%;
          background: #f60;
          transform: translate(-2px, -1px);
        }
        .out-state::before {
          background: #bfbfbf;
        }
        .in-state::before {
          background: #1a78ce;
        }
        .state.out-state {
          color: #bfbfbf;
        }
        .state.in-state {
          color: #1a78ce;
        }
      }
    }
  }
}
.add-job-modal {
  width: 600px;
  .add-job-item {
    margin: 30px 0;
    .front {
      line-height: 32px;
      width: 120px;
      text-align: right;
      margin-right: 10px;
      .dot {
        color: #f25730;
      }
    }
    .input-box {
      input {
        width: 400px;
      }
      .ant-select {
        width: 400px;
      }
    }
  }
}
.company-center {
  min-height: calc(100vh - 160px);
  .content-box {
    padding: 0 50px;
    font-size: 16px;
    .company-info-line {
      padding: 20px 0;
      .front {
        width: 120px;
        text-align: right;
      }
    }
    .btn-grounp {
      margin-left: 120px;
      margin-top: 30px;
      .btn {
        margin-right: 20px;
      }
    }
  }
}
.ant-select-disabled {
  .ant-select-selection {
    background: none !important;
    border: none !important;
  }
  .ant-select-arrow .ant-select-arrow-icon {
    display: none;
  }
  .ant-select-selection-selected-value {
    color: rgba(0, 0, 0, 0.65);
  }
}
.avatar-uploader.ant-upload-picture-card-wrapper {
  width: 104px;
  height: 104px;
}
.ant-table-thead > tr > th,
.ant-table-tbody > tr > td {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
